// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.floating-toolbar-button {
  --circle-size: 50px;

  .reset-input();
  .center-content();
  .default-box-shadow();
  .circle(var(--circle-size));

  font-size: calc(var(--circle-size) * 0.48);
  background-color: hsl(var(--hsl-b5));

  @media @mobile {
    --circle-size: 40px;
  }

  &--updates {
    &::before {
      .circle(calc(var(--circle-size) * 0.2));
      content: "";
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      background: hsl(var(--hsl-h1));
    }
  }
}
